<script setup lang="ts">
import { ref } from 'vue';

const food=ref('kfc')

const addfood=()=>{
  food.value += 'favorite?'
}

const KFC=ref({
  name :'kfc',
  kind:['汉堡','薯条'],
})

const changeKFC=()=>{
  KFC.value.kind.push('蛋挞')
}
</script>

<template>
<h1 @click="addfood">{{ food }}</h1>
<h1 @click="changeKFC">{{ KFC.kind }}</h1>



</template>

<style scoped></style>
